<template>
  <view class="px-4 mb-4">
    <view class="flex items-center justify-between">
      <view class="mb-2 flex items-center justify-between">
        <view><wd-img :src="comment?.avatarUrl" width="32" height="32" round /></view>
        <view class="ml-2"><wd-text :text="comment?.username" /></view>
      </view>
      <view>
        <wd-text :text="formatDate(comment?.updatedTime)" />
      </view>
    </view>
    <view>
      <wd-text :text="comment?.content"></wd-text>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { CommentVO } from '@/service/comment/comment'
import { formatDate } from '@/utils/date'
const { comment } = defineProps<{ comment?: CommentVO }>()
</script>

<style lang="scss" scoped>
//
</style>
